<!DOCTYPE html>
<html lang="en">

<head>
  <%= require('utils')['inc']('meta') %>
  <title>精品商标</title>
</head>

<body>
  <!-- 侧滑导航根容器 -->
  <div class="mui-off-canvas-wrap mui-draggable mui-slide-in">
    <!-- 菜单容器 -->
    <aside class="mui-off-canvas-right">
      <div class="mui-scroll-wrapper">
        <div class="mui-scroll">
          <!-- 菜单具体展示内容 -->
          <%= require('utils')['inc']('aside') %>
        </div>
      </div>
    </aside>
    <!-- 主页面容器 -->
    <div class="mui-inner-wrap">
      <!-- 主页面标题 -->
      <%= require('utils')['inc']('headerHasTitle', { title: '精品商标' }) %>
      <div class="mui-content mui-scroll-wrapper">
        <div class="mui-scroll">
          <!-- 精品商标1 -->
          <div class="mui-content">
            <!-- <div style="padding: 10px 12px;">
              <div id="boutiqueControl" class="mui-segmented-control mui-segmented-control-inverted">
                <a class="mui-control-item mui-active" id="maodian1">
                  第1~15类
                  <span class="mui-icon mui-icon-arrowup"></span>
                </a>
                <a class="mui-control-item" id="maodian2">
                  第16~30类
                  <span class="mui-icon mui-icon-arrowup"></span>
                </a>
                <a class="mui-control-item" id="maodian3">
                  第31~45类
                  <span class="mui-icon mui-icon-arrowup"></span>
                </a>
              </div>
            </div> -->
            <div id="item1" class="mui-control-content mui-active">
              <div class="boutique-content">
                <!-- <p class="boutique-content-left">第25类-服装鞋帽</p>
                <p class="boutique-content-right">83160个商标</p> -->
                
                <div class="button-input">
                  <p class="boutique-content-left">第25类-服装鞋帽</p>
                  
                  <!-- <form>
                    <input type="hidden" name="category" class="category">
                    <div class="input-warp">
                      <input type="search" class="mui-input-clear search" name="content" placeholder="商标名称  关键词">
                      <input type="submit" class="fangda" value="">
                    </div>
                  </form> -->
                  <a href="#search-input-popover" class="mui-btn mui-btn-danger">
                    <span class="search-choose-result" data-name="fenlei" data-key="0">类别</span>  
                    <!-- <span class="mui-icon"></span> -->
                  </a>
                </div>
              </div>
              <div class="mui-row">
                <div class="mui-col-sm-6 mui-col-xs-6 item_goods">
                  <div>
                    <img height="100%" width="100%" src="<%= require('./images/trademark.png') %>">
                  </div>
                  <div class="goods_title">为食状元1</div>
                  <div class="goods_price">登陆后查看价格</div>
                </div>
                <div class="mui-col-sm-6 mui-col-xs-6 item_goods">
                  <div>
                    <img height="100%" width="100%" src="<%= require('./images/trademark.png') %>">
                  </div>
                  <div class="goods_title">为食状元</div>
                  <div class="login_price">￥3000.00</div>
                </div>
                <div class="mui-col-sm-6 mui-col-xs-6 item_goods">
                  <div>
                    <img height="100%" width="100%" src="<%= require('./images/trademark.png') %>">
                  </div>
                  <div class="goods_title">为食状元</div>
                  <div class="login_price">￥3000.00</div>
                </div>
                <div class="mui-col-sm-6 mui-col-xs-6 item_goods">
                  <div>
                    <img height="100%" width="100%" src="<%= require('./images/trademark.png') %>">
                  </div>
                  <div class="goods_title">为食状元</div>
                  <div class="login_price">￥3000.00</div>
                </div>
                <div class="mui-col-sm-6 mui-col-xs-6 item_goods">
                  <div>
                    <img height="100%" width="100%" src="<%= require('./images/trademark.png') %>">
                  </div>
                  <div class="goods_title">为食状元</div>
                  <div class="login_price">￥3000.00</div>
                </div>
                <div class="mui-col-sm-6 mui-col-xs-6 item_goods">
                  <div>
                    <img height="100%" width="100%" src="<%= require('./images/trademark.png') %>">
                  </div>
                  <div class="goods_title">为食状元</div>
                  <div class="login_price">￥3000.00</div>
                </div>
                <div class="mui-col-sm-6 mui-col-xs-6 item_goods">
                  <div>
                    <img height="100%" width="100%" src="<%= require('./images/trademark.png') %>">
                  </div>
                  <div class="goods_title">为食状元</div>
                  <div class="login_price">￥3000.00</div>
                </div>
                <div class="mui-col-sm-6 mui-col-xs-6 item_goods">
                  <div>
                    <img height="100%" width="100%" src="<%= require('./images/trademark.png') %>">
                  </div>
                  <div class="goods_title">为食状元</div>
                  <div class="login_price">￥3000.00</div>
                </div>
              </div>
            </div>

          </div>
        </div>
      </div>
      
      <!-- off-canvas backdrop -->
      <div class="mui-off-canvas-backdrop"></div>
    </div>
  </div>

  <!-- <div id="popover1" class="mui-popover boutique-type">
    <div class="mui-scroll-wrapper">
      <div class="mui-scroll">
        <div class="search-choose-wrap">

          <ul class="mui-table-view">
            <li class="mui-table-view-cell mui-collapse mui-active">
              <div class="mui-collapse-content">
                <div class="choose-list-wrap">
                  <p class="choose-list" data-key="1">1类-化学品</p>
                  <p class="choose-list" data-key="2">2类-涂料油漆</p>
                  <p class="choose-list" data-key="3">3类-化妆日用</p>
                  <p class="choose-list" data-key="4">4类-油脂燃料</p>
                  <p class="choose-list" data-key="5">5类-医药品</p>
                  <p class="choose-list" data-key="6">6类-五金金属</p>
                  <p class="choose-list" data-key="7">7类-电动机械</p>
                  <p class="choose-list" data-key="8">8类-手工器械</p>
                  <p class="choose-list" data-key="9">9类-电子电脑</p>
                  <p class="choose-list" data-key="10">10类-医疗器械</p>
                  <p class="choose-list" data-key="11">11类-家用电器</p>
                  <p class="choose-list" data-key="12">12类-运输工具</p>
                  <p class="choose-list" data-key="13">13类-烟火</p>
                  <p class="choose-list" data-key="14">14类-珠宝钟表</p>
                  <p class="choose-list" data-key="15">15类-乐器</p>
                </div>
              </div>
            </li>
          </ul>
        </div>
        
      </div>
    </div>
    
  </div>

  <div id="popover2" class="mui-popover boutique-type">
    <div class="mui-scroll-wrapper">
      <div class="mui-scroll">
        <div class="search-choose-wrap">
          <ul class="mui-table-view">
            <li class="mui-table-view-cell mui-collapse mui-active">
              <a class="mui-navigate-right" href="#" data-name="leixing" data-key="">商标类型</a>
              <div class="mui-collapse-content">
                <div class="choose-list-wrap">
                  <p class="choose-list" data-key="16">16类-文具办公</p>
                  <p class="choose-list" data-key="17">17类-橡胶制品</p>
                  <p class="choose-list" data-key="18">18类-皮革皮具</p>
                  <p class="choose-list" data-key="19">19类-建筑材料</p>
                  <p class="choose-list" data-key="20">20类-家具</p>
                  <p class="choose-list" data-key="21">21类-洁具厨房</p>
                  <p class="choose-list" data-key="22">22类-袋篷绳网</p>
                  <p class="choose-list" data-key="23">23类-纺织纱线</p>
                  <p class="choose-list" data-key="24">24类-布料床单</p>
                  <p class="choose-list" data-key="25">25类-服装鞋帽</p>
                  <p class="choose-list" data-key="26">26类-花边衬料</p>
                  <p class="choose-list" data-key="27">27类-地毯席垫</p>
                  <p class="choose-list" data-key="28">28类-运动用品</p>
                  <p class="choose-list" data-key="29">29类-食品</p>
                  <p class="choose-list" data-key="30">30类-方便食品</p>
                </div>
              </div>
            </li>
          </ul>
        </div>
        
      </div>
    </div>
    
  </div>

  <div id="popover3" class="mui-popover boutique-type">
    <div class="mui-scroll-wrapper">
      <div class="mui-scroll">
        <div class="search-choose-wrap">
          <ul class="mui-table-view">
            <li class="mui-table-view-cell mui-collapse mui-active">
              <a class="mui-navigate-right" href="#" data-name="leixing" data-key="">商标类型</a>
              <div class="mui-collapse-content">
                <div class="choose-list-wrap">
                  <p class="choose-list" data-key="31">31类-水果花木</p>
                  <p class="choose-list" data-key="32">32类-啤酒饮料</p>
                  <p class="choose-list" data-key="33">33类-酒</p>
                  <p class="choose-list" data-key="34">34类-烟草烟具</p>
                  <p class="choose-list" data-key="35">35类-广告贸易</p>
                  <p class="choose-list" data-key="36">36类-金融物管</p>
                  <p class="choose-list" data-key="37">37类-建筑修理</p>
                  <p class="choose-list" data-key="38">38类-通讯传媒</p>
                  <p class="choose-list" data-key="39">39类-运输旅游</p>
                  <p class="choose-list" data-key="40">40类-材料加工</p>
                  <p class="choose-list" data-key="41">41类-教育娱乐</p>
                  <p class="choose-list" data-key="42">42类-科学服务</p>
                  <p class="choose-list" data-key="43">43类-餐饮住宿</p>
                  <p class="choose-list" data-key="43">44类-医疗园艺</p>
                  <p class="choose-list" data-key="45">45类-法律</p>
                </div>
              </div>
            </li>
          </ul>
        </div>
        
      </div>
    </div>
    
  </div> -->
  <%= require('utils')['inc']('search/popover') %>

</body>

</html>